$primary: #2e71c9;
$success: #04be02;
$danger: #ef4f4f;
$warning: #ffb400;
$label: #99a9bf;

@mixin ellipsis{
  overflow:hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
}
@mixin clearFixed{
  &:after{
    clear: both;
    display:block;
    content:'';
    visibility:hidden;
    height:0;
  }
}

@mixin active{
  &:active{
    background: #f3f3f3;
  }
}

@mixin middleLine($width, $color){
  position: relative;
  &:after{
    content: ' ';
    height: 1px;
    background: $color;
    position: absolute;
    left: 100%;
    top: 50%;
    width: $width;
  }
  &:before{
    content: ' ';
    height: 1px;
    background: $color;
    position: absolute;
    right: 100%;
    top: 50%;
    width: $width;
  }
}
